<template>
  <div>

<div class="container">
<div class="row">
<div class="jumbotron">
<h1>聊天文件id={{form.id}}详情页</h1>
<p>...</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">jump link</a></p>
<div><div> <h2>发送人</h2><div>{{form.fromid}}</div></div><div> <h2>接收人</h2><div>{{form.toid}}</div></div><div> <h2>文件地址</h2><div>{{form.filepath}}</div></div><div> <h2>发送时间</h2><div>{{form.created}}</div></div></div>
</div>
</div>
</div>

  </div>
</template>
<script>
import { getData} from '@/api/chatfileApi'

export default {
  name:'ChatfileDetail',
  data() {
    return {
      form: { fromid:'',toid:'',filepath:'',created:'' },
    }
  },
  created() {
    this.$nextTick(() => {
      this.getData()
    })
  },
  methods: {
    getData(){
      let id = this.$route.params.id;
      getData({id:id}).then(resp=>{
         this.form =  resp.data.data
      })
    }
  },
  beforeDestroy(){
this.removeFile('https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css','css');

  },
  mounted(){
this.loadFile('https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap1/5.0.2/css/bootstrap1.min.css','css');

  }
}

</script>
<style scoped>

</style>
